home *** CD-ROM | disk | FTP | other *** search
/ PCGUIA 2010 Software/Programs / PCGuia_programas.iso / Software / Utils / ASUS PC Probe / setup / data1.cab / App_Executables / PCIInfo / tree.js < prev   
Encoding:
JavaScript  |  2009-11-02  |  11.9 KB  |  477 lines
  1. //**************************************************************** 
  2. // You are free to copy the "Folder-Tree" script as long as you  
  3. // keep this copyright notice: 
  4. // Script found in: http://www.geocities.com/Paris/LeftBank/2178/ 
  5. // Author: Marcelino Alves Martins (martins@hks.com) December '97. 
  6. //**************************************************************** 
  7.  
  8. //Log of changes: 
  9. //       17 Feb 98 - Fix initialization flashing problem with Netscape
  10. //       
  11. //       27 Jan 98 - Root folder starts open; support for USETEXTLINKS; 
  12. //                   make the ftien4 a js file 
  13. //       
  14.  
  15.  
  16. // Definition of class Folder 
  17. // ***************************************************************** 
  18.  
  19. function Folder(folderDescription, hreference) //constructor 
  20. { 
  21.   //constant data 
  22.   this.desc = folderDescription 
  23.   this.hreference = hreference 
  24.   this.id = -1   
  25.   this.navObj = 0  
  26.   this.iconImg = 0  
  27.   this.nodeImg = 0  
  28.   this.isLastNode = 0 
  29.  
  30.   //dynamic data 
  31.   this.isOpen = true 
  32.   this.iconSrc = "ftv2folderopen.gif"   
  33.   this.children = new Array 
  34.   this.nChildren = 0 
  35.  
  36.   //methods 
  37.   this.initialize = initializeFolder 
  38.   this.setState = setStateFolder 
  39.   this.addChild = addChild 
  40.   this.createIndex = createEntryIndex 
  41.   this.hide = hideFolder 
  42.   this.display = display 
  43.   this.renderOb = drawFolder 
  44.   this.totalHeight = totalHeight 
  45.   this.subEntries = folderSubEntries 
  46.   this.outputLink = outputFolderLink 
  47. } 
  48.  
  49. function setStateFolder(isOpen) 
  50. { 
  51.   var subEntries 
  52.   var totalHeight 
  53.   var fIt = 0 
  54.   var i=0 
  55.  
  56.   if (isOpen == this.isOpen) 
  57.     return 
  58.  
  59.   if (browserVersion == 2)  
  60.   { 
  61.     totalHeight = 0 
  62.     for (i=0; i < this.nChildren; i++) 
  63.       totalHeight = totalHeight + this.children[i].navObj.clip.height 
  64.       subEntries = this.subEntries() 
  65.     if (this.isOpen) 
  66.       totalHeight = 0 - totalHeight 
  67.     for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++) 
  68.       indexOfEntries[fIt].navObj.moveBy(0, totalHeight) 
  69.   }  
  70.   this.isOpen = isOpen 
  71.   propagateChangesInState(this) 
  72. } 
  73.  
  74. function propagateChangesInState(folder) 
  75. {   
  76.   var i=0 
  77.  
  78.   if (folder.isOpen) 
  79.   { 
  80.     if (folder.nodeImg) 
  81.       if (folder.isLastNode) 
  82.         folder.nodeImg.src = "ftv2mlastnode.gif" 
  83.       else 
  84.       folder.nodeImg.src = "ftv2mnode.gif" 
  85.     folder.iconImg.src = "ftv2folderopen.gif" 
  86.     for (i=0; i<folder.nChildren; i++) 
  87.       folder.children[i].display() 
  88.   } 
  89.   else 
  90.   { 
  91.     if (folder.nodeImg) 
  92.       if (folder.isLastNode) 
  93.         folder.nodeImg.src = "ftv2plastnode.gif" 
  94.       else 
  95.       folder.nodeImg.src = "ftv2pnode.gif" 
  96.     folder.iconImg.src = "ftv2folderclosed.gif" 
  97.     for (i=0; i<folder.nChildren; i++) 
  98.       folder.children[i].hide() 
  99.   }  
  100. } 
  101.  
  102. function hideFolder() 
  103. { 
  104.   if (browserVersion == 1) { 
  105.     if (this.navObj.style.display == "none") 
  106.       return 
  107.     this.navObj.style.display = "none" 
  108.   } else { 
  109.     if (this.navObj.visibility == "hiden") 
  110.       return 
  111.     this.navObj.visibility = "hiden" 
  112.   } 
  113.    
  114.   this.setState(0) 
  115. } 
  116.  
  117. function initializeFolder(level, lastNode, leftSide) 
  118. { 
  119. var j=0 
  120. var i=0 
  121. var numberOfFolders 
  122. var numberOfDocs 
  123. var nc 
  124.       
  125.   nc = this.nChildren 
  126.    
  127.   this.createIndex() 
  128.  
  129.   var auxEv = "" 
  130.  
  131.   if (browserVersion > 0) 
  132.     auxEv = "<a href='javascript:clickOnNode("+this.id+")'>" 
  133.   else 
  134.     auxEv = "<a>" 
  135.  
  136.   //if (level>0) 
  137.     if (lastNode) //the last 'brother' in the children array 
  138.     { 
  139.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='ftv2mlastnode.gif' width=16 height=22 border=0></a>") 
  140.       leftSide = leftSide + "<img src='ftv2blank.gif' width=16 height=22>"  
  141.       this.isLastNode = 1 
  142.     } 
  143.     else 
  144.     { 
  145.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='ftv2mnode.gif' width=16 height=22 border=0></a>") 
  146.       leftSide = leftSide + "<img src='ftv2vertline.gif' width=16 height=22>" 
  147.       this.isLastNode = 0       
  148.     } 
  149.     
  150.        
  151.   if (nc > 0) 
  152.   { 
  153.     level = level + 1 
  154.     for (i=0 ; i < this.nChildren; i++)  
  155.     { 
  156.       if (i == this.nChildren-1) 
  157.         this.children[i].initialize(level, 1, leftSide) 
  158.       else 
  159.         this.children[i].initialize(level, 0, leftSide) 
  160.     } 
  161.     if(level > 0)
  162.         clickOnNode(this.id) 
  163.   } 
  164. } 
  165.  
  166. function drawFolder(leftSide) 
  167. { 
  168.   if (browserVersion == 2) { 
  169.     if (!doc.yPos) 
  170.       doc.yPos=8 
  171.     doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
  172.   } 
  173.    
  174.   doc.write("<table ") 
  175.   if (browserVersion == 1) 
  176.     doc.write(" id='folder" + this.id + "' style='position:block;' ") 
  177.   doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  178.   doc.write("<tr><td>") 
  179.   doc.write(leftSide) 
  180.   this.outputLink() 
  181.   doc.write("<img name='folderIcon" + this.id + "' ") 
  182.   doc.write("src='" + this.iconSrc+"' border=0></a>") 
  183.   doc.write("</td><td valign=middle nowrap>") 
  184.   if (USETEXTLINKS) 
  185.   { 
  186.     this.outputLink() 
  187.     doc.write(this.desc + "</a>") 
  188.   } 
  189.   else 
  190.     doc.write(this.desc) 
  191.   doc.write("</td>")  
  192.   doc.write("</table>") 
  193.    
  194.   if (browserVersion == 2) { 
  195.     doc.write("</layer>") 
  196.   } 
  197.  
  198.   if (browserVersion == 1) { 
  199.     this.navObj = doc.all["folder"+this.id] 
  200.     this.iconImg = doc.all["folderIcon"+this.id] 
  201.     this.nodeImg = doc.all["nodeIcon"+this.id] 
  202.   } else if (browserVersion == 2) { 
  203.     this.navObj = doc.layers["folder"+this.id] 
  204.     this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
  205.     this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
  206.     doc.yPos=doc.yPos+this.navObj.clip.height 
  207.   } 
  208. } 
  209.  
  210. function outputFolderLink() 
  211. { 
  212.   if (this.hreference) 
  213.   { 
  214.     doc.write("<a href='" + this.hreference + "' TARGET='leaf' ") 
  215.     if (browserVersion > 0) 
  216.       doc.write("onClick='javascript:clickOnFolder("+this.id+")'") 
  217.     doc.write(">") 
  218.   } 
  219.   else 
  220.     doc.write("<a>") 
  221. //  doc.write("<a href='javascript:clickOnFolder("+this.id+")'>")   
  222. } 
  223.  
  224. function addChild(childNode) 
  225. { 
  226.   this.children[this.nChildren] = childNode 
  227.   this.nChildren++ 
  228.   return childNode 
  229. } 
  230.  
  231. function folderSubEntries() 
  232. { 
  233.   var i = 0 
  234.   var se = this.nChildren 
  235.  
  236.   for (i=0; i < this.nChildren; i++){ 
  237.     if (this.children[i].children) //is a folder 
  238.       se = se + this.children[i].subEntries() 
  239.   } 
  240.  
  241.   return se 
  242. } 
  243.  
  244.  
  245. // Definition of class Item (a document or link inside a Folder) 
  246. // ************************************************************* 
  247.  
  248. function Item(itemDescription, itemLink) // Constructor 
  249. { 
  250.   // constant data 
  251.   this.desc = itemDescription 
  252.   this.link = itemLink 
  253.   this.id = -1 //initialized in initalize() 
  254.   this.navObj = 0 //initialized in render() 
  255.   this.iconImg = 0 //initialized in render() 
  256.   this.iconSrc = "ftv2doc.gif" 
  257.  
  258.   // methods 
  259.   this.initialize = initializeItem 
  260.   this.createIndex = createEntryIndex 
  261.   this.hide = hideItem 
  262.   this.display = display 
  263.   this.renderOb = drawItem 
  264.   this.totalHeight = totalHeight 
  265. } 
  266.  
  267. function hideItem() 
  268. { 
  269.   if (browserVersion == 1) { 
  270.     if (this.navObj.style.display == "none") 
  271.       return 
  272.     this.navObj.style.display = "none" 
  273.   } else { 
  274.     if (this.navObj.visibility == "hiden") 
  275.       return 
  276.     this.navObj.visibility = "hiden" 
  277.   }     
  278. } 
  279.  
  280. function initializeItem(level, lastNode, leftSide) 
  281. {  
  282.   this.createIndex() 
  283.  
  284.   if (level>0) 
  285.     if (lastNode) //the last 'brother' in the children array 
  286.     { 
  287.       this.renderOb(leftSide + "<img src='ftv2lastnode.gif' width=16 height=22>") 
  288.       leftSide = leftSide + "<img src='ftv2blank.gif' width=16 height=22>"  
  289.     } 
  290.     else 
  291.     { 
  292.       this.renderOb(leftSide + "<img src='ftv2node.gif' width=16 height=22>") 
  293.       leftSide = leftSide + "<img src='ftv2vertline.gif' width=16 height=22>" 
  294.     } 
  295.   else 
  296.     this.renderOb("")   
  297. } 
  298.  
  299. function drawItem(leftSide) 
  300. { 
  301.   if (browserVersion == 2) 
  302.     doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
  303.      
  304.   doc.write("<table ") 
  305.   if (browserVersion == 1) 
  306.     doc.write(" id='item" + this.id + "' style='position:block;' ") 
  307.   doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  308.   doc.write("<tr><td>") 
  309.   doc.write(leftSide) 
  310.   doc.write("<a href=" + this.link + ">") 
  311.   doc.write("<img id='itemIcon"+this.id+"' ") 
  312.   doc.write("src='"+this.iconSrc+"' border=0>") 
  313.   doc.write("</a>") 
  314.   doc.write("</td><td valign=middle nowrap>") 
  315.   if (USETEXTLINKS) 
  316.     doc.write("<a href=" + this.link + ">" + this.desc + "</a>") 
  317.   else 
  318.     doc.write(this.desc) 
  319.   doc.write("</table>") 
  320.    
  321.   if (browserVersion == 2) 
  322.     doc.write("</layer>") 
  323.  
  324.   if (browserVersion == 1) { 
  325.     this.navObj = doc.all["item"+this.id] 
  326.     this.iconImg = doc.all["itemIcon"+this.id] 
  327.   } else if (browserVersion == 2) { 
  328.     this.navObj = doc.layers["item"+this.id] 
  329.     this.iconImg = this.navObj.document.images["itemIcon"+this.id] 
  330.     doc.yPos=doc.yPos+this.navObj.clip.height 
  331.   } 
  332. } 
  333.  
  334.  
  335. // Methods common to both objects (pseudo-inheritance) 
  336. // ******************************************************** 
  337.  
  338. function display() 
  339. { 
  340.   if (browserVersion == 1) 
  341.     this.navObj.style.display = "block" 
  342.   else 
  343.     this.navObj.visibility = "show" 
  344. } 
  345.  
  346. function createEntryIndex() 
  347. { 
  348.   this.id = nEntries 
  349.   indexOfEntries[nEntries] = this 
  350.   nEntries++ 
  351. } 
  352.  
  353. // total height of subEntries open 
  354. function totalHeight() //used with browserVersion == 2 
  355. { 
  356.   var h = this.navObj.clip.height 
  357.   var i = 0 
  358.    
  359.   if (this.isOpen) //is a folder and _is_ open 
  360.     for (i=0 ; i < this.nChildren; i++)  
  361.       h = h + this.children[i].totalHeight() 
  362.  
  363.   return h 
  364. } 
  365.  
  366.  
  367. // Events 
  368. // ********************************************************* 
  369.  
  370. function clickOnFolder(folderId) 
  371. { 
  372.   var clicked = indexOfEntries[folderId] 
  373.  
  374.   if (!clicked.isOpen) 
  375.     clickOnNode(folderId) 
  376.  
  377.   return  
  378.  
  379.   if (clicked.isSelected) 
  380.     return 
  381. } 
  382.  
  383. function clickOnNode(folderId) 
  384. { 
  385.   var clickedFolder = 0 
  386.   var state = 0 
  387.  
  388.   clickedFolder = indexOfEntries[folderId] 
  389.   state = clickedFolder.isOpen 
  390.  
  391.   clickedFolder.setState(!state) //open<->close  
  392. } 
  393.  
  394. function InitializeSystem() 
  395. { 
  396.   if (doc.all) 
  397.     browserVersion = 1 //IE4   
  398.   else 
  399.     if (doc.layers) 
  400.       browserVersion = 2 //NS4 
  401.     else 
  402.       browserVersion = 0 //other 
  403.  
  404.   SystemRoot.initialize(0, 1, "") 
  405.   SystemRoot.display()
  406.   
  407.   if (browserVersion > 0) 
  408.   { 
  409.     doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+"> </layer>") 
  410.  
  411.     // close the whole tree 
  412.     clickOnNode(0) 
  413.     // open the root folder 
  414.     clickOnNode(0) 
  415.   } 
  416. } 
  417.  
  418. // Auxiliary Functions for Folder-Treee backward compatibility 
  419. // ********************************************************* 
  420.  
  421. function gFld(description, hreference) 
  422. { 
  423.   description="<font style=font-size:9pt; font-color: #00ff00;background-color:#ccff99>" + description
  424.   folder = new Folder(description, hreference) 
  425.   return folder 
  426. } 
  427.  
  428. function gLnk(target, description, linkData) 
  429. { 
  430.   description="<font style=font-size:9pt; font-color: #0000ff;background-color:#ccff99>" + description
  431.   fullLink = "" 
  432.  
  433.   if (target==0) 
  434.   { 
  435.     fullLink = "'"+linkData+"' target='leaf'" 
  436.   } 
  437.   else 
  438.   { 
  439.     if (target==1) 
  440.        fullLink = "'http://"+linkData+"' target=_top" 
  441.     else 
  442.        fullLink = "'http://"+linkData+"' target=\"basefrm\""
  443.   } 
  444.  
  445.   linkItem = new Item(description, fullLink)   
  446.   return linkItem 
  447. } 
  448.  
  449. function insFld(parentFolder, childFolder) 
  450. { 
  451.   return parentFolder.addChild(childFolder) 
  452. } 
  453.  
  454. function insDoc(parentFolder, document) 
  455. { 
  456.   parentFolder.addChild(document) 
  457. } 
  458.  
  459. // Global variables 
  460. // **************** 
  461.  
  462. USETEXTLINKS = 1 
  463. indexOfEntries = new Array 
  464. nEntries = 0 
  465. doc = document 
  466. browserVersion = 0 
  467. selectedFolder=0
  468.  
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475.  
  476.  
  477.